<template>
    <div>
        <h3>index</h3>
    </div>
</template>


<script setup>
/**
 *  动态路由： 
 *      1：path 进行传参配置
 *           {
 *             path: '/index:id'
 *            }
 *      2：query进行传参配置
 *          {
 *                  path:'/index?参数=值&参数=值'
 *            }
 * 
 *      3：state
 *          可以保持数据原有的类型
 * ·            router.push({name:'sss',state:{xxx})
 * 
 *           
 */
import {useRoute} from 'vue-router'

// //第一种方法 ：/id
// const router = useRoute() 
// console.log(router.params.id);

//第二种方法:?id
// const router = useRoute()
// console.log(router.query.id,router.query.name);

//第三种方法:state  动态获取数据  state传过来的数据需要从hiostory中获取
console.log(history)



</script>



<style lang="">
    
</style>